@media (min-width:1701px){
.banner{height:780px;position:relative;}
.banner:after{content:'';display:block;position:absolute;bottom:80px;left:50%;width:300px;background:#ccc;height:1px;transform:translate(-50%,0);}
.banner .bd{}
.banner .bd ul{}
.banner .bd li{position:relative;height:780px;}
.banner .bd li section{position:absolute;left:50%;transform:translate(-50%,-50%);opacity:0;}
.banner .hd{}
.banner .hd ul{text-align:center;}
.banner .hd li{display:inline-block;width:10px;height:10px;background:#ccc;}
.banner span.prev{position:absolute;bottom:60px;display:inline-block;width:19px;height:39px;left:50%;margin-left:-200px;background:url(../images/left.png) no-repeat center center;}
.banner span.next{position:absolute;bottom:60px;display:inline-block;width:19px;height:39px;right:50%;margin-right:-200px;background:url(../images/right.png) no-repeat center center;}
.banner .pageState{position:absolute;bottom:90px;left:50%;transform:translate(-50%,0);color:#fff;font-size:30px;line-height:60px;width:80px;text-align:center;}
.banner .pageState span{font-size:48px;color:#fff;}

.about{background:url(../images/bgabout.jpg) no-repeat 10% center;padding:80px 0;}
	.abouttitleen{font-size:60px;line-height:60px;text-transform:uppercase;font-weight:bold;padding-left:470px;margin-bottom:5px;}
	.abouttitle{font-size:28px;line-height:30px;padding-left:470px;margin-bottom:50px;}
	.aboutcon{padding-left:470px;font-size:16px;line-height:30px;margin-bottom:30px;}
	.aboutnum{padding-left:470px;}
		.aboutnum ul{float:left;}
		.aboutnum li{float:left;width:260px;padding:30px 0;}
		.aboutnum li h3{font-size:60px;font-family:Impact;line-height:80px;}
		.aboutnum li p .counter-value{}
		.aboutnum li p{}
		.more{float:left;position:relative;width:260px;height:160px;background:url(../images/bgcircle.png) repeat 0 0;}
			.more span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.service{height:660px;background:url(../images/bgservice.jpg) no-repeat center center;color:#fff;margin-bottom:80px;}
	.servicetitleen{font-size:60px;line-height:60px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;margin-top:100px;margin-bottom:30px;}
	.servicetitle{font-size:30px;line-height:30px;margin-bottom:80px;}
	.servicelistbox{position:relative;}
		.servicelist{margin:0 auto;width:1440px;}
			.servicelist .bd{}
				.servicelist .bd ul{}
				.servicelist .bd li{float:left;width:25%;box-sizing:border-box;position:relative;height:260px;transition:all ease-out 0.3s;background:url(../images/bgcirclea.png) repeat 0 0 rgba(0,0,0,0);background-position:8px 5px;}
				.servicelist .bd li:after{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:130px;background:rgba(255,255,255,0.3);transition:all ease-out 0.3s;}
				.servicelist .bd li:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:260px;border-left:1px solid rgba(255,255,255,0.5);}
				.servicelist .bd li p{margin-bottom:20px;text-transform:uppercase;font-size:18px;margin-left:20px;margin-top:20px;}
				.servicelist .bd li  h3{font-size:22px;line-height:32px;margin-bottom:20px;margin-left:20px;}
					.servicelist .bd li  h3 strong{display:block;font-weight:normal;}
				.servicelist .bd li  h4{font-size:14px;font-weight:normal;text-transform:capitalize;margin-bottom:40px;margin-left:20px;}
				.servicelist .bd li  a{display:inline-block;background:#fff;border-radius:20px;padding:0 10px;line-height:25px;margin-left:20px;text-transform:capitalize;}
				.servicelist .bd li  a i{margin-right:5px;}
				.servicelist .bd li:hover{background:url(../images/bgcircle2.png) repeat 0 0 rgba(0,0,0,0.2);background-position:8px 5px;}
				.servicelist .bd li:hover:after{height:260px;}
				.servicelist .bd li:hover:before{border-left:1px solid rgba(255,255,255,0.8);}
				.servicelist span{position:absolute;top:0;display:inline-block;width:130px;height:260px;cursor:pointer;}
				.servicelist .sprev{background:url(../images/sprev.png) no-repeat left center;left:0;}
				.servicelist .snext{background:url(../images/snext.png) no-repeat right center;right:0;}

.question{text-align:center;}
	.question figure{margin-bottom:30px;}
	.question h3{font-size:34px;line-height:44px;font-weight:normal;margin-bottom:70px;}
	.question span{display:block;}

.case{}
	.caselistbox{border-top:4px solid #000;padding:70px 0 50px;}
		.caselistbox .hd{}
		.casebar{line-height:40px;margin-bottom:60px;}
			.casetitle{float:left;font-size:30px;line-height:54px;}
			.casesort{float:right;}
			.casesort ul{}
			.casesort li{float:left;font-size:16px;margin-left:55px;cursor:pointer;padding:5px;border-bottom:4px solid #fff;}
			.casesort li.on{border-bottom:4px solid #000;}
		.caselistbox .bd{}
			.caselist{}
			.caselist ul{}
			.caselist li{width:536px;float:left;margin-right:46px;position:relative;margin-bottom:60px;}
			.caselist li:nth-of-type(3n){margin-right:0;}
			.caselist li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:block;opacity:0;}
			.caselist li figure{position:relative;margin-bottom:20px;overflow:hidden;}
				.caselist li figure img{width:536px;height:400px;}
				.caselist li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;transition:all ease-out 0.3s;}
				.caselist li figure figcaption section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);color:#fff;padding:15px;}
				.caselist li figure figcaption p{text-align:center;}
				.caselist li figure figcaption p strong{font-weight:normal;}
				.caselist li figure figcaption p:nth-of-type(1){font-size:18px;margin-bottom:10px;}
			.caselist li h3{font-size:18px;font-weight:normal;margin-bottom:10px;}
			.caselist li h4{color:#666;background:url(../images/bgcaselistmore.png) no-repeat right center;font-weight:normal;transition:all ease-out 0.3s;}
			.caselist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caselist li:hover figure figcaption{opacity:1;}
			.caselist li:hover h4{background:url(../images/bgcaselistmore.png) no-repeat 95% center;}
	.caselistbox span{display:block;margin:0 auto;width:314px;}
	.caselistbox span a{display:block;height:52px;border:1px solid #000;border-radius:30px;background-image:url(../images/bgcasemore.png);background-repeat:no-repeat;line-height:52px;background-position:right 20px bottom 50%;padding-left:20px;font-size:18px;}
	.caselistbox span a:hover{background:#f20000;border:1px solid #f20000;color:#fff;background-image:url(../images/bgcasemoreh.png);background-repeat:no-repeat;background-position:right 20px bottom 50%;}

.undefined{position:relative;height:630px;overflow:hidden;}
	.undefineda{position:absolute;top:0;right:50%;margin-right:-311px;width:100%;height:630px;background:url(../images/bgcustomerl.jpg) no-repeat right center;}
		.undefinedabd{position:relative;height:100%;width:100%;}
			.partner{position:absolute;top:0;right:0;width:315px;height:315px;background:#f7f7f7;}
				.partner section{position:relative;padding:65px 55px;}
				.partner section h3{font-size:24px;font-weight:normal;font-style:italic;margin-bottom:10px;}
				.partner section h2{font-weight:normal;font-size:16px;border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px;}
				.partner section p{text-align:right;font-size:15px;margin-bottom:15px;}
				.partner section i{display:inline-block;width:80px;height:21px;overflow:hidden;position:relative;}
				.partner section i img{animation:pic 5s linear infinite;position:absolute;left:0;}
					@keyframes pic{0% {left:-80px;}100%{left:0;}}
				.partner section a{display:inline-block;margin-top:10px;border-top:1px solid #000;padding-top:15px;}
			.plan{position:absolute;bottom:0;right:315px;width:690px;height:315px;background:#2f2f2f;color:#fff;}
				.plan section{padding:55px;}
				.plan section h2{font-weight:normal;font-size:30px;line-height:40px;margin-bottom:20px;}
				.plan section h3{font-weight:normal;font-size:18px;line-height:30px;position:relative;}
				.plan section h3:after{content:'';display:block;position:absolute;top:45px;left:0;width:40px;height:3px;background:#cdcdcd;}
				.plan section p{padding-top:35px;border-top:1px solid #cdcdcd;margin-top:60px;}
				.plan section p span{display:inline-block;line-height:28px;}
				.plan section p a{display:inline-block;float:right;}
			.svlogo{position:absolute;bottom:0;right:0;width:315px;height:315px;background:#f20000;}
				.svlogo section{position:relative;width:315px;height:315px;}
				.svlogo section img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svlogo 3s linear infinite;}
					@keyframes svlogo{0%{opacity:0.2;}50%{opacity:0.8;}100%{opacity:0.2;}}
	.undefinedb{position:absolute;top:0;left:50%;margin-left:311px;width:100%;height:630px;background:url(../images/bgcustomerr.jpg) no-repeat left center;}

.article{background:#f7f7f7;}
	.articlehot{float:left;width:510px;padding:70px 0;}
		.articlehotbar{margin-bottom:40px;}
			.articlehotbar ul{overflow:hidden;}
			.articlehotbar li{float:left;padding:10px 20px;font-size:16px;color:#050505;cursor:pointer;}
			.articlehotbar li.on{background:#f20000;color:#fff;}
		.articlehot .bd{}
			.articlehotlist{}
				.articlehotlist section{}
				.articlehotlist section figure{margin-bottom:30px;}
					.articlehotlist section figure img{width:510px;height:230px;}
				.articlehotlist section time{display:block;font-size:19px;color:#e21919;margin-bottom:15px;}
				.articlehotlist section dl{border-bottom:1px solid #cdcdcd;padding-bottom:49px;}
				.articlehotlist section dt{font-size:18px;color:#4c4c4c;margin-bottom:20px;}
				.articlehotlist section dd{font-size:16px;color:#808080;line-height:25px;height:75px;overflow:hidden;}
	.articlelist{float:left;margin:0 70px;width:500px;padding:70px 0;}
		.articlelist ul{height:540px;overflow:hidden;}
		.articlelist li{padding-bottom:29px;border-bottom:1px solid #cdcdcd;margin-bottom:30px;}
			.articlelist li time{margin-bottom:5px;display:block;color:#e21919;font-size:19px;line-height:40px;}
			.articlelist li h3{margin-bottom:15px;color:#4c4c4c;font-size:18px;font-weight:normal;}
			.articlelist li section{color:#808080;line-height:25px;height:50px;overflow:hidden;}
	.articleslogen{float:right;width:550px;height:680px;background:url(../images/bgarticleslogen.png) no-repeat center center;position:relative;}
		.articleslogen section{position:relative;padding:90px 70px;}
		.articleslogen section h3{font-size:48px;line-height:60px;margin-bottom:90px;position:relative;}
		.articleslogen section h3:after{content:'';display:block;position:absolute;top:100px;left:0;width:40px;height:4px;background:#333;}
		.articleslogen section h3 strong{}
		.articleslogen section h3 i{font-style:normal;display:inline-block;margin:0 25px;}
		.articleslogen section h3 span{font-weight:normal;}
		.articleslogen section h4{font-size:34px;line-height:40px;color:#333;margin-bottom:60px;font-weight:normal;}
		.articleslogen section dl{}
		.articleslogen section dd{font-size:18px;color:#666;margin-bottom:10px;}
		.articleslogen section span.btn{margin-top:60px;display:inline-block;width:200px;height:40px;border-radius:20px;line-height:40px;text-align:center;font-size:18px;background:#f30000;text-transform:uppercase;color:#fff;}
		.articleslogen section span.btn a{color:#fff;}
		


}


@media (max-width:1700px) and (min-width:1201px){
.banner{height:780px;position:relative;}
.banner:after{content:'';display:block;position:absolute;bottom:80px;left:50%;width:300px;background:#ccc;height:1px;transform:translate(-50%,0);}
.banner .bd{}
.banner .bd ul{}
.banner .bd li{position:relative;height:780px;}
.banner .bd li section{position:absolute;left:50%;transform:translate(-50%,-50%);opacity:0;}
.banner .hd{}
.banner .hd ul{text-align:center;}
.banner .hd li{display:inline-block;width:10px;height:10px;background:#ccc;}
.banner span.prev{position:absolute;bottom:60px;display:inline-block;width:19px;height:39px;left:50%;margin-left:-200px;background:url(../images/left.png) no-repeat center center;}
.banner span.next{position:absolute;bottom:60px;display:inline-block;width:19px;height:39px;right:50%;margin-right:-200px;background:url(../images/right.png) no-repeat center center;}
.banner .pageState{position:absolute;bottom:90px;left:50%;transform:translate(-50%,0);color:#fff;font-size:30px;line-height:60px;width:80px;text-align:center;}
.banner .pageState span{font-size:48px;color:#fff;}

.about{background:url(../images/bgabout.jpg) no-repeat 0 center;padding:80px 0;background-size:auto 60%;}
	.abouttitleen{font-size:60px;line-height:60px;text-transform:uppercase;font-weight:bold;padding-left:300px;margin-bottom:5px;}
	.abouttitle{font-size:28px;line-height:30px;padding-left:300px;margin-bottom:30px;}
	.aboutcon{padding-left:300px;font-size:14px;line-height:25px;margin-bottom:20px;}
	.aboutnum{padding-left:300px;}
		.aboutnum ul{float:left;}
		.aboutnum li{float:left;width:200px;padding:10px 0;}
		.aboutnum li h3{font-size:60px;font-family:Impact;line-height:80px;}
		.aboutnum li p .counter-value{}
		.aboutnum li p{}
		.more{float:left;position:relative;width:200px;height:120px;background:url(../images/bgcircle.png) repeat 0 0;}
			.more span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.service{height:660px;background:url(../images/bgservice.jpg) no-repeat center center;color:#fff;}
	.servicetitleen{font-size:60px;line-height:60px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;margin-top:100px;margin-bottom:30px;}
	.servicetitle{font-size:30px;line-height:30px;margin-bottom:80px;}
	.servicelistbox{position:relative;}
		.servicelist{margin:0 auto;width:1100px;}
			.servicelist .bd{}
				.servicelist .bd ul{}
				.servicelist .bd li{float:left;width:50%;box-sizing:border-box;position:relative;height:260px;transition:all ease-out 0.3s;background:url(../images/bgcirclea.png) repeat 0 0 rgba(0,0,0,0);background-position:8px 5px;}
				.servicelist .bd li:after{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:130px;background:rgba(255,255,255,0.3);transition:all ease-out 0.3s;}
				.servicelist .bd li:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:260px;border-left:1px solid rgba(255,255,255,0.5);}
				.servicelist .bd li p{margin-bottom:20px;text-transform:uppercase;font-size:18px;margin-left:20px;margin-top:20px;}
				.servicelist .bd li  h3{font-size:22px;line-height:32px;margin-bottom:20px;margin-left:20px;}
					.servicelist .bd li  h3 strong{display:block;font-weight:normal;}
				.servicelist .bd li  h4{font-size:14px;font-weight:normal;text-transform:capitalize;margin-bottom:40px;margin-left:20px;}
				.servicelist .bd li  a{display:inline-block;background:#fff;border-radius:20px;padding:0 10px;line-height:25px;margin-left:20px;text-transform:capitalize;}
				.servicelist .bd li  a i{margin-right:5px;}
				.servicelist .bd li:hover{background:url(../images/bgcircle2.png) repeat 0 0 rgba(0,0,0,0.2);background-position:8px 5px;}
				.servicelist .bd li:hover:after{height:260px;}
				.servicelist .bd li:hover:before{border-left:1px solid rgba(255,255,255,0.8);}
				.servicelist span{position:absolute;top:0;display:inline-block;width:50px;height:260px;cursor:pointer;}
				.servicelist .sprev{background:url(../images/sprev.png) no-repeat left center;left:0;}
				.servicelist .snext{background:url(../images/snext.png) no-repeat right center;right:0;}

.question{text-align:center;padding:40px 0;}
	.question figure{margin-bottom:30px;}
	.question h3{font-size:34px;line-height:44px;font-weight:normal;}
	.question span{display:block;}

.case{}
	.caselistbox{border-top:4px solid #000;padding:40px 0;}
		.caselistbox .hd{}
		.casebar{line-height:40px;margin-bottom:20px;}
			.casetitle{float:left;font-size:30px;line-height:54px;}
			.casesort{float:right;}
			.casesort ul{}
			.casesort li{float:left;font-size:18px;margin-left:55px;cursor:pointer;padding:5px;border-bottom:4px solid #fff;}
			.casesort li.on{border-bottom:4px solid #000;}
		.caselistbox .bd{}
			.caselist{}
			.caselist ul{}
			.caselist li{width:33.33%;float:left;position:relative;margin-bottom:20px;}
			.caselist li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:block;opacity:0;}
			.caselist li figure{position:relative;margin-bottom:20px;overflow:hidden;}
				.caselist li figure img{width:100%;}
				.caselist li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;transition:all ease-out 0.3s;}
				.caselist li figure figcaption section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);color:#fff;padding:15px;}
				.caselist li figure figcaption p{text-align:center;}
				.caselist li figure figcaption p strong{font-weight:normal;}
				.caselist li figure figcaption p:nth-of-type(1){font-size:18px;margin-bottom:10px;}
			.caselist li h3{font-size:18px;font-weight:normal;margin-bottom:10px;}
			.caselist li h4{color:#666;background:url(../images/bgcaselistmore.png) no-repeat right center;background-position:right 20px bottom 50%;font-weight:normal;transition:all ease-out 0.3s;}
			.caselist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caselist li:hover figure figcaption{opacity:1;}
			.caselist li:hover h4{background:url(../images/bgcaselistmore.png) no-repeat 95% center;}
	.caselistbox span{display:block;margin:20px auto 0;width:314px;}
	.caselistbox span a{display:block;height:52px;border:1px solid #000;border-radius:30px;background-image:url(../images/bgcasemore.png);background-repeat:no-repeat;line-height:52px;background-position:right 20px bottom 50%;padding-left:20px;font-size:18px;}
	.caselistbox span a:hover{background:#f20000;border:1px solid #f20000;color:#fff;background-image:url(../images/bgcasemoreh.png);background-repeat:no-repeat;background-position:right 20px bottom 50%;}

.undefined{position:relative;height:630px;overflow:hidden;}
	.undefineda{position:absolute;top:0;right:50%;margin-right:-500px;width:100%;height:630px;background:url(../images/bgcustomerl.jpg) no-repeat right center;}
		.undefinedabd{position:relative;height:100%;width:100%;}
			.partner{position:absolute;top:0;right:0;width:315px;height:315px;background:#f7f7f7;}
				.partner section{position:relative;padding:65px 55px;}
				.partner section h3{font-size:24px;font-weight:normal;font-style:italic;margin-bottom:10px;}
				.partner section h2{font-weight:normal;font-size:16px;border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px;}
				.partner section p{text-align:right;font-size:15px;margin-bottom:15px;}
				.partner section i{display:inline-block;width:80px;height:21px;overflow:hidden;position:relative;}
				.partner section i img{animation:pic 5s linear infinite;position:absolute;left:0;}
					@keyframes pic{0% {left:-80px;}100%{left:0;}}
				.partner section a{display:inline-block;margin-top:10px;border-top:1px solid #000;padding-top:15px;}
			.plan{position:absolute;bottom:0;right:315px;width:690px;height:315px;background:#2f2f2f;color:#fff;}
				.plan section{padding:55px;}
				.plan section h2{font-weight:normal;font-size:30px;line-height:40px;margin-bottom:20px;}
				.plan section h3{font-weight:normal;font-size:18px;line-height:30px;position:relative;}
				.plan section h3:after{content:'';display:block;position:absolute;top:45px;left:0;width:40px;height:3px;background:#cdcdcd;}
				.plan section p{padding-top:35px;border-top:1px solid #cdcdcd;margin-top:60px;}
				.plan section p span{display:inline-block;line-height:28px;}
				.plan section p a{display:inline-block;float:right;}
			.svlogo{position:absolute;bottom:0;right:0;width:315px;height:315px;background:#f20000;}
				.svlogo section{position:relative;width:315px;height:315px;}
				.svlogo section img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svlogo 3s linear infinite;}
					@keyframes svlogo{0%{opacity:0.2;}50%{opacity:0.8;}100%{opacity:0.2;}}
	.undefinedb{position:absolute;top:0;left:50%;margin-left:500px;width:100%;height:630px;background:url(../images/bgcustomerr.jpg) no-repeat left center;}

.article{background:#f7f7f7;}
	.articlehot{float:left;width:510px;padding:70px 0;}
		.articlehotbar{margin-bottom:40px;}
			.articlehotbar ul{overflow:hidden;}
			.articlehotbar li{float:left;padding:10px 20px;font-size:16px;color:#050505;cursor:pointer;}
			.articlehotbar li.on{background:#f20000;color:#fff;}
		.articlehot .bd{}
			.articlehotlist{}
				.articlehotlist section{}
				.articlehotlist section figure{margin-bottom:30px;}
					.articlehotlist section figure img{width:510px;height:230px;}
				.articlehotlist section time{display:block;font-size:19px;color:#e21919;margin-bottom:15px;}
				.articlehotlist section dl{border-bottom:1px solid #cdcdcd;padding-bottom:49px;}
				.articlehotlist section dt{font-size:18px;color:#4c4c4c;margin-bottom:20px;}
				.articlehotlist section dd{font-size:16px;color:#808080;line-height:25px;}
	.articlelist{float:right;width:620px;padding:70px 0;}
		.articlelist ul{height:540px;overflow:hidden;}
		.articlelist li{padding-bottom:29px;border-bottom:1px solid #cdcdcd;margin-bottom:30px;}
			.articlelist li time{margin-bottom:5px;display:block;color:#e21919;font-size:19px;line-height:40px;}
			.articlelist li h3{margin-bottom:15px;color:#4c4c4c;font-size:18px;font-weight:normal;}
			.articlelist li section{color:#808080;line-height:25px;}
	.articleslogen{clear:both;background:url(../images/bgarticleslogen.png) no-repeat right center;position:relative;background-size:auto 220px;margin-bottom:70px;}
		.articleslogen section{position:relative;padding:30px 0 30px 0;}
		.articleslogen section h3{float:left;font-size:34px;line-height:40px;margin-bottom:40px;position:relative;margin-right:30px;}
		.articleslogen section h3:after{content:'';display:block;position:absolute;top:60px;left:0;width:40px;height:4px;background:#333;}
		.articleslogen section h3 strong{}
		.articleslogen section h3 i{font-style:normal;display:inline-block;margin:0 25px;}
		.articleslogen section h3 span{font-weight:normal;}
		.articleslogen section h4{float:left;font-size:34px;line-height:40px;color:#333;margin-bottom:30px;font-weight:normal;}
		.articleslogen section dl{clear:both;overflow:hidden;}
		.articleslogen section dd{float:left;font-size:18px;color:#666;margin-bottom:10px;}
		.articleslogen section span.btn{margin-top:30px;display:inline-block;width:200px;height:40px;border-radius:20px;line-height:40px;text-align:center;font-size:18px;background:#f30000;text-transform:uppercase;color:#fff;}
		.articleslogen section span.btn a{color:#fff;}
}


@media (max-width:1200px) and (min-width:751px){
.banner{height:480px;position:relative;}
.banner:after{content:'';display:block;position:absolute;bottom:30px;left:50%;width:300px;background:#ccc;height:1px;transform:translate(-50%,0);}
.banner .bd{}
.banner .bd ul{}
.banner .bd li{position:relative;height:480px;background-size:cover;background-position:center center;}
.banner .bd li section{position:absolute;left:25%;right:25%;opacity:0;}
.banner .bd li section img{width:100%;}
.banner .hd{}
.banner .hd ul{text-align:center;}
.banner .hd li{display:inline-block;width:10px;height:10px;background:#ccc;}
.banner span.prev{position:absolute;bottom:10px;display:inline-block;width:19px;height:39px;left:50%;margin-left:-200px;background:url(../images/left.png) no-repeat center center;background-size:50% 50%;}
.banner span.next{position:absolute;bottom:10px;display:inline-block;width:19px;height:39px;right:50%;margin-right:-200px;background:url(../images/right.png) no-repeat center center;background-size:50% 50%;}
.banner .pageState{position:absolute;bottom:40px;left:50%;transform:translate(-50%,0);color:#fff;font-size:16px;width:80px;text-align:center;}
.banner .pageState span{color:#fff;}

.about{background:#fff url(../images/bgabout.jpg) no-repeat center center;background-position:right 30px bottom 30px;padding:30px;background-size:auto 200px;}
	.abouttitleen{font-size:30px;line-height:40px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}
	.abouttitle{font-size:22px;line-height:30px;margin-bottom:20px;}
	.aboutcon{font-size:12px;margin-bottom:30px;}
	.aboutnum{}
		.aboutnum ul{overflow:hidden;margin-bottom:30px;}
		.aboutnum li{float:left;width:25%;padding:10px 0;}
		.aboutnum li h3{font-size:30px;font-family:Impact;line-height:40px;}
		.aboutnum li p .counter-value{}
		.aboutnum li p{}
		.more{float:left;position:relative;width:100%;height:100px;background:url(../images/bgcircle.png) repeat 0 0;}
			.more span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.service{padding:50px 0;background:url(../images/bgservice.jpg) no-repeat center center;color:#fff;margin-bottom:80px;}
	.servicetitleen{font-size:30px;line-height:50px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;margin:0 30px;}
	.servicetitle{font-size:30px;line-height:30px;margin:0 30px 30px;}
	.servicelistbox{position:relative;padding:0 50px;}
		.servicelist{}
			.servicelist .bd{}
				.servicelist .bd ul{}
				.servicelist .bd li{float:left;width:50%;box-sizing:border-box;position:relative;height:260px;transition:all ease-out 0.3s;background:url(../images/bgcirclea.png) repeat 0 0 rgba(0,0,0,0);background-position:8px 5px;}
				.servicelist .bd li:after{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:130px;background:rgba(255,255,255,0.3);transition:all ease-out 0.3s;}
				.servicelist .bd li:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:260px;border-left:1px solid rgba(255,255,255,0.5);}
				.servicelist .bd li p{margin-bottom:20px;text-transform:uppercase;font-size:18px;margin-left:20px;margin-top:20px;}
				.servicelist .bd li  h3{font-size:22px;line-height:32px;margin-bottom:20px;margin-left:20px;}
					.servicelist .bd li  h3 strong{display:block;font-weight:normal;}
				.servicelist .bd li  h4{font-size:14px;font-weight:normal;text-transform:capitalize;margin-bottom:40px;margin-left:20px;}
				.servicelist .bd li  a{display:inline-block;background:#fff;border-radius:20px;padding:0 10px;line-height:25px;margin-left:20px;text-transform:capitalize;}
				.servicelist .bd li  a i{margin-right:5px;}
				.servicelist .bd li:hover{background:url(../images/bgcircle2.png) repeat 0 0 rgba(0,0,0,0.2);background-position:8px 5px;}
				.servicelist .bd li:hover:after{height:260px;}
				.servicelist .bd li:hover:before{border-left:1px solid rgba(255,255,255,0.8);}
				.servicelist span{position:absolute;top:0;display:inline-block;width:130px;height:260px;cursor:pointer;}
				.servicelist .sprev{background:url(../images/sprev.png) no-repeat left center;left:0;}
				.servicelist .snext{background:url(../images/snext.png) no-repeat right center;right:0;}

.question{text-align:center;}
	.question figure{margin-bottom:30px;}
	.question h3{font-size:34px;line-height:44px;font-weight:normal;margin-bottom:70px;}
	.question span{display:block;}

.case{}
	.caselistbox{border-top:4px solid #000;padding:30px;}
		.caselistbox .hd{}
		.casebar{line-height:40px;margin-bottom:20px;}
			.casetitle{font-size:30px;line-height:54px;}
			.casesort{}
			.casesort ul{}
			.casesort li{float:left;font-size:18px;cursor:pointer;padding:5px;border-bottom:4px solid #fff;margin-right:20px;}
			.casesort li.on{border-bottom:4px solid #000;}
		.caselistbox .bd{}
			.caselist{}
			.caselist ul{}
			.caselist li{width:50%;float:left;position:relative;margin-bottom:20px;}
			.caselist li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:block;opacity:0;}
			.caselist li figure{position:relative;margin-bottom:20px;overflow:hidden;}
				.caselist li figure img{width:100%;}
				.caselist li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;transition:all ease-out 0.3s;}
				.caselist li figure figcaption section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);color:#fff;padding:15px;}
				.caselist li figure figcaption p{text-align:center;}
				.caselist li figure figcaption p strong{font-weight:normal;}
				.caselist li figure figcaption p:nth-of-type(1){font-size:18px;margin-bottom:10px;}
			.caselist li h3{font-size:18px;font-weight:normal;margin-bottom:10px;}
			.caselist li h4{color:#666;background:url(../images/bgcaselistmore.png) no-repeat right center;font-weight:normal;transition:all ease-out 0.3s;}
			.caselist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caselist li:hover figure figcaption{opacity:1;}
			.caselist li:hover h4{background:url(../images/bgcaselistmore.png) no-repeat 95% center;}
	.caselistbox span{display:block;margin:0 auto;width:314px;}
	.caselistbox span a{display:block;height:52px;border:1px solid #000;border-radius:30px;background-image:url(../images/bgcasemore.png);background-repeat:no-repeat;line-height:52px;background-position:right 20px bottom 50%;padding-left:20px;font-size:18px;}
	.caselistbox span a:hover{background:#f20000;border:1px solid #f20000;color:#fff;background-image:url(../images/bgcasemoreh.png);background-repeat:no-repeat;background-position:right 20px bottom 50%;}

.undefined{position:relative;overflow:hidden;}
	.undefineda{background:url(../images/bgcustomerl.jpg) no-repeat right center;}
		.undefinedabd{}
			.partner{background:#f7f7f7;}
				.partner section{position:relative;padding:30px;}
				.partner section h3{font-size:24px;font-weight:normal;font-style:italic;margin-bottom:10px;}
				.partner section h2{font-weight:normal;font-size:16px;border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px;}
				.partner section p{text-align:right;font-size:15px;}
				.partner section i{display:inline-block;width:80px;height:21px;overflow:hidden;position:relative;}
				.partner section i img{animation:pic 5s linear infinite;position:absolute;left:0;}
					@keyframes pic{0% {left:-80px;}100%{left:0;}}
				.partner section a{display:inline-block;margin-top:10px;border-top:1px solid #000;padding-top:15px;}
			.plan{background:#2f2f2f;color:#fff;}
				.plan section{padding:30px;}
				.plan section h2{font-weight:normal;font-size:30px;line-height:40px;margin-bottom:20px;}
				.plan section h3{font-weight:normal;font-size:18px;line-height:30px;position:relative;}
				.plan section h3:after{content:'';display:block;position:absolute;top:45px;left:0;width:40px;height:3px;background:#cdcdcd;}
				.plan section p{padding-top:35px;border-top:1px solid #cdcdcd;margin-top:60px;}
				.plan section p span{display:inline-block;line-height:28px;}
				.plan section p a{display:inline-block;float:right;}
			.svlogo{display:none;position:absolute;bottom:0;right:0;width:315px;height:315px;background:#f20000;}
				.svlogo section{position:relative;width:315px;height:315px;}
				.svlogo section img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svlogo 3s linear infinite;}
					@keyframes svlogo{0%{opacity:0.2;}50%{opacity:0.8;}100%{opacity:0.2;}}
	.undefinedb{background:url(../images/bgcustomerr.jpg) no-repeat left center;}

.article{background:#f7f7f7;}
	.articlehot{margin:30px;}
		.articlehotbar{margin-bottom:20px;}
			.articlehotbar ul{overflow:hidden;}
			.articlehotbar li{float:left;width:25%;font-size:16px;color:#050505;cursor:pointer;text-align:center;line-height:40px;}
			.articlehotbar li.on{background:#f20000;color:#fff;}
		.articlehot .bd{}
			.articlehotlist{}
				.articlehotlist section{}
				.articlehotlist section figure{margin-bottom:30px;}
					.articlehotlist section figure img{width:100%;}
				.articlehotlist section time{display:block;font-size:19px;color:#e21919;margin-bottom:15px;}
				.articlehotlist section dl{border-bottom:1px solid #cdcdcd;padding-bottom:29px;}
				.articlehotlist section dt{font-size:18px;color:#4c4c4c;margin-bottom:20px;}
				.articlehotlist section dd{font-size:16px;color:#808080;line-height:25px;height:50px;overflow:hidden;}
	.articlelist{margin:30px;}
		.articlelist ul{overflow:hidden;}
		.articlelist li{padding-bottom:29px;border-bottom:1px solid #cdcdcd;margin-bottom:30px;}
		.articlelist li:last-child{margin-bottom:0;}
			.articlelist li time{margin-bottom:5px;display:block;color:#e21919;font-size:19px;line-height:40px;}
			.articlelist li h3{margin-bottom:15px;color:#4c4c4c;font-size:18px;font-weight:normal;}
			.articlelist li section{color:#808080;line-height:25px;}
	.articleslogen{margin:30px;background:url(../images/bgarticleslogen.png) no-repeat right center;position:relative;background-size:auto 100%;}
		.articleslogen section{position:relative;}
		.articleslogen section h3{font-size:48px;line-height:60px;margin-bottom:90px;position:relative;}
		.articleslogen section h3:after{content:'';display:block;position:absolute;top:100px;left:0;width:40px;height:4px;background:#333;}
		.articleslogen section h3 strong{}
		.articleslogen section h3 i{font-style:normal;display:inline-block;margin:0 25px;}
		.articleslogen section h3 span{font-weight:normal;}
		.articleslogen section h4{font-size:34px;line-height:40px;color:#333;margin-bottom:60px;font-weight:normal;}
		.articleslogen section dl{}
		.articleslogen section dd{font-size:18px;color:#666;margin-bottom:10px;}
		.articleslogen section span.btn{margin-top:60px;display:inline-block;width:200px;height:40px;border-radius:20px;line-height:40px;text-align:center;font-size:18px;background:#f30000;text-transform:uppercase;color:#fff;}
		.articleslogen section span.btn a{color:#fff;}
		


}


@media (max-width:750px){
.banner{height:400px;position:relative;}
.banner:after{content:'';display:block;position:absolute;bottom:60px;left:50%;width:150px;background:#ccc;height:1px;transform:translate(-50%,0);}
.banner .bd{}
.banner .bd ul{}
.banner .bd li{position:relative;height:400px;background-size:auto 100%;background-position:center center;}
.banner .bd li section{position:absolute;left:10%;right:10%;transform:translate(0,-50%);opacity:0;}
.banner .bd li section img{width:100%;}
.banner .hd{}
.banner .hd ul{text-align:center;}
.banner .hd li{display:inline-block;width:10px;height:10px;background:#ccc;}
.banner span.prev{position:absolute;bottom:40px;display:inline-block;width:19px;height:39px;left:50%;margin-left:-100px;background:url(../images/left.png) no-repeat center center;}
.banner span.next{position:absolute;bottom:40px;display:inline-block;width:19px;height:39px;right:50%;margin-right:-100px;background:url(../images/right.png) no-repeat center center;}
.banner .pageState{position:absolute;bottom:60px;left:50%;transform:translate(-50%,0);color:#fff;font-size:30px;line-height:60px;width:80px;text-align:center;}
.banner .pageState span{font-size:48px;color:#fff;}

.about{background:#fff url(../images/bgabout.jpg) no-repeat center center;background-position:right 30px bottom 30px;padding:30px;background-size:auto 200px;}
	.abouttitleen{font-size:30px;line-height:40px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}
	.abouttitle{font-size:22px;line-height:30px;margin-bottom:20px;}
	.aboutcon{font-size:12px;margin-bottom:30px;}
	.aboutnum{}
		.aboutnum ul{overflow:hidden;margin-bottom:30px;}
		.aboutnum li{float:left;width:50%;padding:10px 0;}
		.aboutnum li h3{font-size:30px;font-family:Impact;line-height:40px;}
		.aboutnum li p .counter-value{}
		.aboutnum li p{}
		.more{float:left;position:relative;width:100%;height:100px;background:url(../images/bgcircle.png) repeat 0 0;}
			.more span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.service{background:url(../images/bgservice.jpg) no-repeat center center;color:#fff;margin-bottom:30px;padding:30px;}
	.servicetitleen{font-size:30px;line-height:40px;text-transform:uppercase;font-weight:bold;margin-bottom:30px;}
	.servicetitle{font-size:22px;line-height:30px;margin-bottom:30px;}
	.servicelistbox{position:relative;}
		.servicelist{padding:0 50px;}
			.servicelist .bd{}
				.servicelist .bd ul{}
				.servicelist .bd li{position:relative;height:260px;transition:all ease-out 0.3s;background:url(../images/bgcirclea.png) repeat 0 0 rgba(0,0,0,0);background-position:8px 5px;}
				.servicelist .bd li:after{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:130px;background:rgba(255,255,255,0.3);transition:all ease-out 0.3s;}
				.servicelist .bd li:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:260px;border-left:1px solid rgba(255,255,255,0.5);}
				.servicelist .bd li p{margin-bottom:20px;text-transform:uppercase;font-size:18px;margin-left:20px;margin-top:20px;}
				.servicelist .bd li  h3{font-size:22px;line-height:32px;margin-bottom:20px;margin-left:20px;}
					.servicelist .bd li  h3 strong{display:block;font-weight:normal;}
				.servicelist .bd li  h4{font-size:14px;font-weight:normal;text-transform:capitalize;margin-bottom:40px;margin-left:20px;}
				.servicelist .bd li  a{display:inline-block;background:#fff;border-radius:20px;padding:0 10px;line-height:25px;margin-left:20px;text-transform:capitalize;}
				.servicelist .bd li  a i{margin-right:5px;}
				.servicelist .bd li:hover{background:url(../images/bgcircle2.png) repeat 0 0 rgba(0,0,0,0.2);background-position:8px 5px;}
				.servicelist .bd li:hover:after{height:260px;}
				.servicelist .bd li:hover:before{border-left:1px solid rgba(255,255,255,0.8);}
				.servicelist span{position:absolute;top:0;display:inline-block;width:50px;height:260px;cursor:pointer;}
				.servicelist .sprev{background:url(../images/sprev.png) no-repeat left center;left:0;}
				.servicelist .snext{background:url(../images/snext.png) no-repeat right center;right:0;}

.question{text-align:center;}
	.question figure{margin-bottom:30px;}
	.question h3{font-size:22px;line-height:30px;font-weight:normal;margin-bottom:30px;}
	.question span{display:block;}

.case{padding-bottom:30px;}
	.caselistbox{border-top:4px solid #000;}
		.caselistbox .hd{}
		.casebar{padding:30px 30px 10px;}
			.casetitle{font-size:22px;line-height:30px;margin-bottom:30px;}
			.casesort{}
			.casesort ul{}
			.casesort li{float:left;font-size:16px;margin-right:20px;margin-bottom:20px;}
			.casesort li.on{}
		.caselistbox .bd{}
			.caselist{}
			.caselist ul{}
			.caselist li{width:50%;float:left;margin-bottom:20px;position:relative;}
			.caselist li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;display:block;opacity:0;}
			.caselist li figure{position:relative;margin-bottom:20px;overflow:hidden;}
				.caselist li figure img{width:100%;}
				.caselist li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;transition:all ease-out 0.3s;}
				.caselist li figure figcaption section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);color:#fff;padding:15px;}
				.caselist li figure figcaption p{text-align:center;}
				.caselist li figure figcaption p strong{font-weight:normal;}
				.caselist li figure figcaption p:nth-of-type(1){font-size:18px;margin-bottom:10px;}
			.caselist li h3{font-size:14px;font-weight:normal;padding:0 10px;}
			.caselist li h4{font-size:12px;color:#666;background:url(../images/bgcaselistmore.png) no-repeat right center;background-position:right 10px bottom 50%;font-weight:normal;transition:all ease-out 0.3s;padding:0 10px;}
			.caselist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.caselist li:hover figure figcaption{opacity:1;}
			.caselist li:hover h4{background:url(../images/bgcaselistmore.png) no-repeat 95% center;}
	.caselistbox span{display:block;margin:20px auto 0;width:314px;}
	.caselistbox span a{display:block;height:32px;border:1px solid #000;border-radius:30px;background-image:url(../images/bgcasemore.png);background-repeat:no-repeat;line-height:32px;background-position:right 20px bottom 50%;padding-left:20px;font-size:18px;}
	.caselistbox span a:hover{background:#f20000;border:1px solid #f20000;color:#fff;background-image:url(../images/bgcasemoreh.png);background-repeat:no-repeat;background-position:right 20px bottom 50%;}

.undefined{overflow:hidden;}
	.undefineda{background:url(../images/bgcustomerl.jpg) no-repeat right center;}
		.undefinedabd{position:relative;height:100%;width:100%;}
			.partner{background:#f7f7f7;}
				.partner section{position:relative;padding:30px;}
				.partner section h3{font-size:24px;font-weight:normal;font-style:italic;margin-bottom:10px;}
				.partner section h2{font-weight:normal;font-size:16px;border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:20px;}
				.partner section p{text-align:right;font-size:15px;margin-bottom:15px;}
				.partner section i{display:inline-block;width:80px;height:21px;overflow:hidden;position:relative;}
				.partner section i img{animation:pic 5s linear infinite;position:absolute;left:0;}
					@keyframes pic{0% {left:-80px;}100%{left:0;}}
				.partner section a{display:inline-block;margin-top:10px;border-top:1px solid #000;padding-top:15px;}
			.plan{background:#2f2f2f;color:#fff;}
				.plan section{padding:30px;}
				.plan section h2{font-weight:normal;font-size:20px;line-height:30px;margin-bottom:10px;}
				.plan section h3{font-weight:normal;font-size:16px;position:relative;}
				.plan section h3:after{content:'';display:block;position:absolute;top:40px;left:0;width:40px;height:3px;background:#cdcdcd;}
				.plan section p{padding-top:10px;border-top:1px solid #cdcdcd;margin-top:40px;}
				.plan section p span{display:inline-block;line-height:28px;}
				.plan section p a{display:inline-block;float:right;}
			.svlogo{height:200px;background:#f20000;}
				.svlogo section{position:relative;height:200px;}
				.svlogo section img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svlogo 3s linear infinite;}
					@keyframes svlogo{0%{opacity:0.2;}50%{opacity:0.8;}100%{opacity:0.2;}}
	.undefinedb{background:url(../images/bgcustomerr.jpg) no-repeat left center;}

.article{background:#f7f7f7;padding:30px;}
	.articlehot{margin-bottom:30px;}
		.articlehotbar{margin-bottom:30px;}
			.articlehotbar ul{overflow:hidden;}
			.articlehotbar li{float:left;width:25%;text-align:center;font-size:14px;color:#050505;line-height:30px;}
			.articlehotbar li.on{background:#f20000;color:#fff;}
		.articlehot .bd{}
			.articlehotlist{}
				.articlehotlist section{}
				.articlehotlist section figure{margin-bottom:30px;}
					.articlehotlist section figure img{width:100%;}
				.articlehotlist section time{display:block;font-size:14px;color:#e21919;margin-bottom:5px;}
				.articlehotlist section dl{border-bottom:1px solid #cdcdcd;padding-bottom:19px;}
				.articlehotlist section dt{font-size:14px;color:#4c4c4c;margin-bottom:10px;}
				.articlehotlist section dd{font-size:12px;color:#808080;}
	.articlelist{margin-bottom:10px;}
		.articlelist ul{}
		.articlelist li{padding-bottom:19px;border-bottom:1px solid #cdcdcd;margin-bottom:20px;}
			.articlelist li time{margin-bottom:5px;display:block;color:#e21919;}
			.articlelist li h3{margin-bottom:15px;color:#4c4c4c;font-size:14px;font-weight:normal;}
			.articlelist li section{font-size:12px;color:#808080;}
	.articleslogen{background:url(../images/bgarticleslogen.png) no-repeat right center;background-size:auto 100%;}
		.articleslogen section{}
		.articleslogen section h3{font-size:34px;line-height:40px;margin-bottom:30px;position:relative;}
		.articleslogen section h3:after{content:'';display:block;position:absolute;top:100px;left:0;width:40px;height:4px;background:#333;}
		.articleslogen section h3 strong{}
		.articleslogen section h3 i{font-style:normal;display:inline-block;margin:0 25px;}
		.articleslogen section h3 span{font-weight:normal;}
		.articleslogen section h4{font-size:22px;line-height:30px;color:#333;margin-bottom:30px;font-weight:normal;}
		.articleslogen section dl{}
		.articleslogen section dd{color:#666;margin-bottom:10px;}
		.articleslogen section span.btn{margin-top:30px;display:inline-block;width:200px;height:40px;border-radius:20px;line-height:40px;text-align:center;font-size:18px;background:#f30000;text-transform:uppercase;color:#fff;}
		.articleslogen section span.btn a{color:#fff;}
}